<template>
	<view class="Popup">
		
		<view class="popup-box" >
			<!-- <image src="/static/voucher-popup.png" class="popup-head-img" mode=""></image> -->
			<text class="popup-title">温馨提示</text>
			<text class="popup-tip">您预留的收货号码尚未注册\n可能导致激活失败\n是否继续付款？</text>
			<view class="popup-btns">
				<view class="popup-btn" @tap='closeBtn'>取  消</view>
				<view class="line"></view>
				<view class="popup-btn"  @tap='commitZx'>确认</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		props:{
			outBtn:{
				default: function() {
					return function() {
					}
				}
			},
			closeBtn:{
				default: function() {
					return function() {
					}
				}
			},
			commitZx:{
				default: function() {
					return function() {
					}
				}
			},
		},
		data() {
			return {
				
			}
		},
		onLoad() {
		},
		methods: {
		},
		components:{
			
		}
	}
</script>

<style scoped> 
	.Popup{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 1000; 
		top: 0;
		background-color: rgba(0,0,0,0.7);
	}
	.popup-box{
		width:570rpx;
		height:464rpx;
		background:rgba(255,255,255,1);
		display: flex;
		flex-direction: column;
		position: relative;
		left: 90rpx;
		border-radius:60rpx;
		align-items: center;
		top:calc((100vh - 702rpx) / 2)
	}
	.popup-head-img{
		width: 186rpx;
		height: 186rpx;
		border-radius: 40rpx;
		background-color: #ffffff;
		position: absolute;
		top: -93rpx;
		left: 192rpx;
	}
	.popup-title{
		font-size:36rpx;
		font-family:PingFang SC;
		font-weight:500;
		margin-top: 50rpx;
		color:rgba(255,166,48,1);
	}
	.popup-tip{
		/* width: 478rpx; */
		height: 80rpx;
		margin-left: 40rpx;
		/* font-size:30rpx; */
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
		margin-top: 30rpx;
		line-height: 1.8;
		display:flex;
		text-align:center;
	}
	.popup-tip2{
		width:259rpx;
		height:65rpx;
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:500;
		margin-top: 20rpx;
		color:rgba(153,153,153,1);
		text-align: center;
		display: block;
	}
	.popup-btns{
		width: 100%;
		height: 88rpx;
		display: flex !important;
		justify-content: space-between;
		position: absolute;
		bottom: 0;
		align-items: center;
		border-top:rgba(241,241,241,1) 1rpx solid ;
		flex-direction: row;
	}
	.popup-btn{
		width: 284rpx;
		height: 88rpx;
		line-height: 88rpx;
		text-align: center;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		text-decoration:underline;
		color:rgba(255,166,48,1);
	}
	.line{
		width:1rpx;
		height:88rpx;
		background:rgba(241,241,241,1);
	}
</style>
